import {Button, ErrorBlock} from "antd-mobile";
import {useNavigate} from "react-router-dom";

const Pag404 = function Pag404 () {
    const navigator = useNavigate()
    return <div className="pag404-box">
        <ErrorBlock status='empty' title='页面不存在' description={'去看看其他页面吧'} />

        <div className="pag404-box-btn" style={
            {
                display: 'flex',
                justifyContent: 'space-around',
                margin: '50px'
            }
        }>
            <Button color={'warning'} onClick={() => {navigator(-1)}}>
                返回上一页
            </Button>
            <Button color={'primary'} onClick={() => {navigator('/',{replace: true})}}>
                返回首页
            </Button>
        </div>
    </div>
}
export default Pag404